#card-color {
          color:rgba(39, 129, 38, 0.998);
          background-color: rgba(0, 0, 0, 0.459);
          box-shadow: 10px 5px 5px black;
             
}
#titelcard {   
     color: white;
}
#titelcard a{
     background-color: rgba(39, 129, 38, 0.998);
     color: white;
}
video{
     position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1; /* Platziert das Video hinter dem Inhalt */
    transform: translate(-50%, -50%); /* Zentriert das Video */
    object-fit: cover;
}
#titeldiv {
    position: relative; /* Wichtig für die Positionierung des Inhalts */
    width: 100%;
    height: 100vh; /* Oder eine feste Höhe, z.B. 500px */
    overflow: hidden;
}
.imgangebot{
    max-width: 200px;
    max-height: 200px;
}
.card_div{
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-width: 350px;
}
.text_card_div{
     display: flex;
     flex-direction: column;
     justify-content: center;
}
.card > img {
     margin: auto;
}
.card_div a{
     background-color: rgba(39, 129, 38, 0.998);
     color:rgb(255, 255, 255);
     margin-top: auto;
     margin-left: auto;
     margin-right: auto;
     max-width: 175px;
     
}
.card_div h5{
     color: rgba(48, 154, 47, 0.998);
     text-align: center;
}
.border_card{
     
     border-width: 6px;
     border-radius: 14px;
     border-color: rgba(83, 146, 81, 0.998);
     border-style: solid;
     background-color: white;
     box-shadow: 2px 2px 8px black;
}

.angebot_card{
     background-color: rgba(33, 68, 32, 0.998);
}

@media screen and (max-width: 768px){
     .border_card {
          margin-left: 3px;
          margin-right: 3px;
          
     }
     .card_div{
          min-width: 320px;
     }
    



}